<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/restricted/template.xhtml">
        <ui:define name="title">MeteoCal - Calendar</ui:define>
        <ui:define name="titlePag">#{personalPageBean.userSelected.name} - calendar</ui:define>
        <ui:define name="content">
            
            <ui:repeat var="evento" value="#{calendarBean.friendEventList}">
                <div class="searchPar">
                    <div class="eventoForm">
                       
                        <h:form>  
                            <p:commandLink action="#{calendarBean.whereToGo()}" > 
                                <f:setPropertyActionListener target="#{calendarBean.eventSelected}" value="#{evento}"/>
                                <div class="dateInfo">
                                    <div style="padding:3px;"><h:outputText value="#{evento.dateStart}">
                                            <f:convertDateTime pattern="dd/MM/yyyy"/>
                                        </h:outputText> 
                                </div></div>
                                <div style="font-size: 15px">
                                    Type: #{personalPageBean.eventTypePp(evento)} <br/></div>
                            </p:commandLink>
                        </h:form>
                    </div></div>
                </ui:repeat> 
            
        </ui:define>

    </ui:composition>
</html>